<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tabs</title>
<link rel="stylesheet" type="text/css" media="all"  href="../../core/libraries.css" />
<link rel="stylesheet" type="text/css" media="all" href="../../core/content.css" />
<link rel="stylesheet" type="text/css" media="all" href="../../core/module/mod.css" />
<link rel="stylesheet" type="text/css" media="all" href="../../core/module/mod_skins.css" />
<link rel="stylesheet" type="text/css" media="all" href="tabs.css" />
</head>

<body>

<div class="mod simple tabs">
	<b class="top"><b class="tl"></b><b class="tr"></b></b>
	<div class="inner">
		<div class="hd topper">
			<ul class="tabControl"><li><a href="#"><span>Tab 1</span></a></li><li><a href="#"><span>Tab 2</span></a></li><li class="current"><a href="#"><span>Tab 3 <br /> boo foo foo</span></a></li><li><a href="#"><span>Tab 4</span></a></li><li><a href="#"><span>Tab 5</span></a></li><li><a href="#"><span>Tab 6 has lots and lots of text on one line</span></a></li></ul>
			<ul class="controls"><li><a href="#"><span>x</span></a></li><li><a href="#"><span>-</span></a></li><li><a href="#"><span>+</span></a></li></ul>
		</div>
		<div class="bd">
			<ul>
				<li>Tab 1 Content</li>
				<li>Tab 2 Content</li>
				<li class="current">Tab 3 Content<br /><br /><br /></li>
				<li>Tab 4 Content</li>
				<li>Tab 5 Content</li>
				<li>Tab 6 Content</li>
			</ul>
		</div>
	</div>
	<b class="bottom"><b class="bl"></b><b class="br"></b></b>
</div>

</body>
</html>
